<template>
  <div>
      <!-- 卡片视图 -->
      <el-card>
          <el-col :span="4">
              <el-button type="primary" @click="addDialogVisible = true">添加教师</el-button>
          </el-col>
          <el-table :data="teachersList" border stripe>
              <el-table-column type="index"></el-table-column>
              <el-table-column label="教师名称" prop="teachersName"></el-table-column>
              <el-table-column label="教师职务" prop="teachersOffice"></el-table-column>
              <el-table-column label="操作">
                  <template v-slot="scope">
                      <!-- 修改按钮 -->
                      <el-button type="primary" v-model="scope.row.Id">
                          <el-icon>
                              <edit />
                          </el-icon>
                      </el-button>
                      <!-- 删除按钮 -->
                      <el-button type="danger"><el-icon>
                              <delete />
                          </el-icon></el-button>
                      <!-- 分配角色按钮 -->
                      <el-tooltip effect="dark" content="分配角色" placement="top" :enterable="false">
                          <el-button type="warning">
                              <el-icon>
                                  <setting />

                              </el-icon>
                          </el-button>
                      </el-tooltip>
                  </template>
              </el-table-column>
          </el-table>
      </el-card>
  </div>
</template>

<script>

export default {
  data() {
      return {
          //权限列表
          teachersList: [
              {
                  id: 1,
                  teachersName: "阙振东",
                  teachersOffice: 'WebAPI',
              },
              {
                  id: 1,
                  teachersName: "胡富文",
                  teachersOffice: '实施运维',
              },
              {
                  id: 1,
                  teachersName: "李娟",
                  teachersOffice: '职业素养',
              },
              
              
          ]
      }
  },
  created() {
      //获取所有权限
      this.getteachersList()
  },
  methods: {
      //获取权限列表
      getteachersList() {
          console.log('获取角色列表');
      }
  }
}
</script>